import React, { Component } from 'react';

// 引入Route 这个坑
import { Route, Redirect, Switch } from 'react-router-dom'
//  引入二级组件mine1 和mine2
import Mine1 from './Mine1';
import Mine2 from './Mine2';
import Notfind from './Notfind';
class Mine extends Component {
    constructor(props) {
        super()
        console.log([props]);
    }
    render() {
        return (
            <div>
                <p>我的</p>
                {/* 
                    二级组件的坑 Route,在react中二级路由的坑对应path地址一定要把一级的path写上
                    注意: 在5.x路由版本中一定要加以及path,6.x 不需要
                 */}
                <Switch>
                    <Route path='/mine/mine1' component={Mine1}></Route>
                    <Route path='/mine/mine2' component={Mine2}></Route>
                    {/* 重定向当访问/mine 时,重定向 /mine/mine1 */}
                    <Redirect from='/mine' to='/mine/mine1' exact></Redirect>
                    {/* 404二级路由组件坑,注意一般放在路由规则的最后 */}
                    <Route component={Notfind}></Route>
                </Switch>
            </div>
        );
    }
}

export default Mine;
